<%@ page contentType="text/html;charset=UTF-8" language="java"  import="java.util.*" trimDirectiveWhitespaces="true" %>
<%@include file="/WEB-INF/pages/common/taglib.jsp"%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>平台收货</title>
<link rel="stylesheet" href="${basePath}/resources/weixin/css/style.css" />
<link rel="stylesheet" href="${basePath}/resources/weixin/css/select.css" />
<link rel="stylesheet" href="${basePath}/resources/weixin/Icon/iconfont.css" />
</head>

<body>
<!-- title -->
<section class="process_title"><i>产品换款</i></section>

<main class="content">

    <!-- 流程 -->
    <%--<section class="process fanx">--%>
        <%--<b class="right"></b>--%>
        <%--<b class="left seu"></b>--%>
        <%--<b class="muye"></b>--%>
        <%--<b class="sec"></b>--%>
        <%--<ul>--%>
            <%--<li class="hover">--%>
                <%--<span><i class="t13"></i></span>--%>
                <%--<em>估价</em>--%>
            <%--</li>--%>
            <%--<li class="hover">--%>
                <%--<span><i class="t01"></i></span>--%>
                <%--<em>拍照提交订单</em>--%>
            <%--</li>--%>
            <%--<li class="hover">--%>
                <%--<span><i class="t03"></i></span>--%>
                <%--<em>平台收货</em>--%>
            <%--</li>--%>
            <%--<li>--%>
                <%--<span><i class="t07"></i></span>--%>
                <%--<em>收货验收</em>--%>
            <%--</li>--%>
            <%--<li>--%>
                <%--<span><i class="t11"></i></span>--%>
                <%--<em>确认换款</em>--%>
            <%--</li>--%>
            <%--<li>--%>
                <%--<span><i class="t06"></i></span>--%>
                <%--<em>邮寄</em>--%>
            <%--</li>--%>
            <%--<li>--%>
                <%--<span><i class="t10"></i></span>--%>
                <%--<em>可换款</em>--%>
            <%--</li>--%>
            <%--<li>--%>
                <%--<span><i class="t04"></i></span>--%>
                <%--<em>检测</em>--%>
            <%--</li>--%>
            <%--<li>--%>
                <%--<span><i class="t08"></i></span>--%>
                <%--<em>评价换款</em>--%>
            <%--</li>--%>
        <%--</ul>--%>
    <%--</section>--%>
    <%@include file="process.jsp"%>

    <!-- 单号 TAB -->
	<section class="numbers">
    	<section class="numbers_list">
            <span>
                <i>单号：</i>
                <em>24012545488879887</em>
            </span>
            <span>
                <i>下单时间：</i>
                <em>2014.05.25 16:20</em>
            </span>
        </section>
        <section id="tad" class="numbers_button">
        	<span onclick="javascript:test_item(0);"><a href="javascript:">金乐乐物流</a></span>
        	<span onclick="javascript:test_item(1);"><a href="javascript:">我的物流 </a></span>
        </section>
    </section>

	<section id="test0" class="hide">
        <section class="address">
            <a href="javascript:">
                <span class="title">
                    <em>金乐乐收货地址</em>
                    <em>15872325323</em>
                </span>
                <p>收货地址：广州市内寄快递费用回程车往返物流白云区太和收货网点广州市内寄快递费用</p>
            </a>
        </section>
        <section class="logistics">
            <span class="title">物流信息</span>
            <ul>
                <li class="hover">
                    <i></i>
                    <em>广州市内寄快递费用回程车往返物流白云区太和收货网点广州市内寄快递费用</em>
                </li>
                <li>
                    <i></i>
                    <em>广州市内寄快递费用回程车往返物流白云区太和收货网点广州市内寄快递费用</em>
                </li>
                <li>
                    <i></i>
                    <em>广州市内寄快递费用回程车往返物流白云区太和收货网点广州市内寄快递费用</em>
                </li>
                <li>
                    <i></i>
                    <em>广州市内寄快递费用回程车往返物流白云区太和收货网点广州市内寄快递费用</em>
                </li>
            </ul>
        </section>
	</section>
    
    <section id="test1" class="hide">
        <section class="address">
            <a href="javascript:">
                <span class="title">
                    <em>张三</em>
                    <em>15872325323</em>
                </span>
                <p>收货地址：广州市内寄快递费用回程车往返物流白云区太和收货网点广州市内寄快递费用</p>
            </a>
        </section>
        <section class="logistics">
            <span class="title">物流信息</span>
            <ul>
                <li class="hover">
                    <i></i>
                    <em>广州市内寄快递费用回程车往返物流白云区太和收货网点广州市内寄快递费用</em>
                </li>
                <li>
                    <i></i>
                    <em>广州市内寄快递费用回程车往返物流白云区太和收货网点广州市内寄快递费用</em>
                </li>
                <li>
                    <i></i>
                    <em>广州市内寄快递费用回程车往返物流白云区太和收货网点广州市内寄快递费用</em>
                </li>
                <li>
                    <i></i>
                    <em>广州市内寄快递费用回程车往返物流白云区太和收货网点广州市内寄快递费用</em>
                </li>
            </ul>
        </section>
    </section>
    
    <!-- 收货证明 -->
    <section class="prove shouhuo">
    	<p>收货证明我司收到<i>wx-wxhehgej</i>（微信号）如右图物品，经过详细检测和返厂翻新后，归还其本人。</p>
    	<span><img src="${basePath}/resources/weixin/Images/com/04.jpg"></span>
    	
        <section class="prove_bottom">
        	<em>特此声明</em>
        	<u><img src="${basePath}/resources/weixin/Images/seal.png"></u>
            <i>金乐乐珠宝有限公司</i>
            <i>2015年10月20日</i>
    	</section>
    </section>
    <section class="qr_code">
        <span class="title">感谢您选择我们</span>	
        <span class="title ash">服务电话：400-888-8888</span>	
        <span class="pic"><img src="${basePath}/resources/weixin/Images/com/ewm.jpg"></span>
        <span class="title ash">长按图片 识别二维码关注我们的微信公众号</span>	
    </section>
</main>


<script type="text/javascript" language="javascript"> 
function test_item(n){
	var menu = document.getElementById("tad");
	var menuli = menu.getElementsByTagName("span");
	for(var i = 0; i< menuli.length;i++){
		menuli[i].className= "";
		menuli[n].className="hover";
		document.getElementById("test"+ i).className = "hide";
		document.getElementById("test"+ n).className = "retrofit";
	}
}
</script>
</body>
</html>
